<template>
  <div class="box">
        <div class="top">
            <div class="top-1">
                <p>优惠券详情</p>
            </div>
            <div class="line"></div>
            <div class="top-2">
                <div>
                    <span class="text1">优惠说明</span>
                    <span class="text2">菜品兑换券；购买澳洲肥牛、素菜可用；</span>
                </div>
                <div>
                        <span class="text1">有效日期</span>
                        <span class="text2">2019.09.19-2019.10.18</span>
                </div>
                <div>
                        <span class="text1">可用时段</span>
                        <span class="text2">周一至周日 11:00-22:00</span>
                </div>
                <div>
                        <span class="text11">电</span>
                        <span class="text11">话</span>
                        <span class="text22">0371-66655888</span>
                </div>
                <div>
                        <span class="text1">商户服务</span>
                        <input type="button" value="免费WiFi">
                        <input type="button" value="停车场">
                        <input type="button" value="餐巾纸">
                </div>
                <div>
                        <span class="text1">使用须知</span>
                        <span class="text2">这里是使用须知...</span>
                </div>
                    
            </div>
        </div>
        <div class="bottom">
            <div class="bottom-1">
                <p>图文介绍</p>
            </div>
            <div class="line"></div>
            <div class="imgs">
                <img src="/static/imgs_s07/s07_cheer.png" alt="提示错误" class="img1">
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        
        .box{
            width: 100%;
            background-color: #F4F4F4;
        }
        .top{
            width: 375px;
            height: 350px;
            background-color: white;
            margin-top: 10px;
        }
        .top-1{
            position: relative;
            width: 375px;
            height: 49px;
        }
        .line{
            width: 375px;
            border-bottom: 2px solid #F4F4F4;
        }
        .top-1 p{
            position: absolute;
            top: 19px;
            left: 14px;
            font-size:13px;
            font-family:PingFang SC;
            font-weight:bold;
            color:rgba(51,51,51,1);
        }
        .top-2{
            width: 375px;
            height: 289px;
        }
        .top-2 div{
            margin-top: 28px;
            margin-bottom: 23px;
            margin-left: 14px;
        }
        .text1{
            margin-right: 24px;
            font-size:13px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(102,102,102,1);
        }
        .text11{
            margin-right: 24px;
            font-size:13px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(102,102,102,1);
        }
        .text2{
            font-size:13px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(0,0,0,1);
        }
        .text22{
            font-size:13px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(50,177,108,1);
        }
        input{
            width:75px;
            height:18px;
            line-height: 18px;
            font-size:11px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(75,75,75,1);
            margin-right: 6px;
            background:rgba(247,247,249,1);
            border-radius:2px;
        }
        .bottom{
            position: relative;
            width: 375px;
            height: 221px;
            margin-top: 10px;
            background-color: white;
        }
        .bottom-1{
            width: 375px;
            height: 49px;
            border-bottom: 1px soild #F4F4F4;
        }
        .bottom-1 p{
            position: absolute;
            top: 19px;
            left: 14px;
            font-size:13px;
            font-family:PingFang SC;
            font-weight:bold;
            color:rgba(51,51,51,1);
        }
        .imgs{
            position: relative;
            width: 375px;
            height: 173px;
        }
        .img1{
            position: absolute;
            width: 347px;
            height: 139px;
            left: 14px;
            top: 16px;
        }
    </style>
